<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <ul>
        <li>111</li>
        <li>111</li>
        <li>111</li>
    </ul>
    <script>
        // 面向对象：一个伟大的编程思想，围绕 对象、实例、构造函数（类）展开的

        // 对象：JS中万物皆对象
        // 构造函数(类):按照事物的特征进行归纳分类，每个类都有自己的属性和方法，叫做静态属性和方法----只能类用
        // 实例对象：具体的事物，类中的每一个具体的成员；每一个实例都具备一些自己独有的属性和方法（私有的特征），也会具备类赋予他的公共属性和方法（公有的特征 Prototype）---实例对象

        //JS中本省自带的对象---内置类
        //引用类型对象 +  DOM查找到的标签元素

        // var lis=document.querySelectorAll("li");
        // console.dir(lis[0]);

        // var lisa=document.getElementsByTagName("li");
        // console.log(lisa);

        // var arr=new Array(5,2,3);//Array类
        // //console.dir(Array);
        // // console.dir(Array.from());
        // console.log(arr.sort());//arr 实例对象
        // // console.dir(Array.sort());

        // var arr1=new Array(10,20,30,40);//Array类
        // //console.dir(Array);
        // console.log(arr1);//arr1 实例对象

        // var date=new Date();//Date类
        // console.dir(date);
        // // console.dir(Date);

        // var num=10;
        // console.log(num.toFixed(2));//装箱 值类型--引用类型--值类型

        // var numa=new Number(100);
        // console.log(numa.toFixed(2));

        //拆箱：引用类型--值类型--引用类型
        // var arr=[10];
        // console.log(arr+10);//[10]--"10"  1010
        // console.log(arr);
    </script>
</body>
</html>